<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">

  <ul>
    <li v-for="(a,i) in args">{{i}}:{{a}}</li>
  </ul>
  <ul>
    <li v-for="(v,k,i) in student">{{i}}:{{k}}:{{v}}</li>
  </ul>
  <ul>
    <li v-for="(student,i) in students">
       <span v-for="(v,k,j) in student">{{i}}:{{j}}:{{k}}:{{v}}</span>
    </li>
  </ul>
</div>
</body>

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script>

  new Vue({
    el:'#app',
    data:{
      args:[1,2,3,4,5,6],
      student:{
        username:'小鱼',
        age:20,
        girl:'如花'
      },
      students:[
        {
          name:'xiaoming',
          age:20
        },
        {
          name:'xiaowang',
          age:21
        }
      ]
    }
  });

</script>
</html>
